@charset "gb2312";
/* CSS Document */
body { font:14px/1.8 "Microsoft YaHei","΢ÈíÑźÚ"; color:#333; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
fieldset,img{border:0}
:focus{outline:0}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}
abbr,acronym{border:0;font-variant:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
sup,sub{font-size:100%;vertical-align:baseline}
a { color:#333; text-decoration:none; }
a:hover { color:#00377e; text-decoration:none; }
:link,:visited ,ins{text-decoration:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
::selection { color:#fff; background:#006792 }
::-moz-selection { color:#fff; background:#006792}
.clear { clear:both; visibility:hidden; display:block; font-size:0; line-height:0; }
.clearfix:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; }
.clearfix { *zoom:1; }
.fleft { float:left; display:inline; }
.fright { float:right; display:inline; }
.fixed { position:fixed; top:0px; left:0px; }

.wrapper { width:100%; background:#f2f2f2; position:relative}
.bj{ background:#fff}
.page-width { width:1100px; margin:0 auto}
.top { width:100%; background:#fff;box-shadow:1px 1px 3px rgba(0,0,0,0.6); overflow:hidden}
.header-v5 {width:100%; }
.logo { height:54px; float:left; background:#fff;margin-top:10px }
.logo img{ display:block;height:54px; width:auto}
.top-main-content { margin-left:20px}
/*nav */
.header-v5 .page-width { background:rgba(255,255,255,1); overflow:hidden }
.nav{}
.main-nav{}
.sf-menu li{float:left; overflow:hidden}
.sf-menu a{padding:0 1.93em;text-align:center}
.header-v5 .main-nav .sf-menu a {display:block; line-height:40px; font-size:16px; color:#333; margin-top:15px }
.header-v5 .main-nav .sf-menu li { margin-left:0; background:transparent; }
.header-v5 .main-nav .sf-menu li:hover, 
.header-v5 .main-nav .sf-menu li.sfHover,
.header-v5 .main-nav .sf-menu li.sfHover > a,
.header-v5 .main-nav .sf-menu a:focus, 
.header-v5 .main-nav .sf-menu a:hover, 
.header-v5 .main-nav .sf-menu a:active {color:#00377e; }

/*search*/
.search{ width:201px;border:1px solid #ccc; background:; margin-right:40px; border-radius:5px; margin:20px 0 0}
.search input{ border:0;}
.entry{ width:150px; color:#ccc; padding-left:15px;height:26px; line-height:26px; border-radius:5px 0 0 5px ; }
.click{width:35px;height:28px;background:#f0f0f0 url(../images/sprite_icon.png) no-repeat 8px -114px;border-radius:0 5px 5px 0;}
.click:hover{background-position:9px -154px;cursor:pointer;}
.search:hover{ border:1px solid #09F;}
.title{ height:60px; width:100%; margin:30px auto 10px; background:url(../images/line.png) repeat-x left bottom }
.title h3{}
.carousel-direction a { display:block; width:30px; height:60px; line-height:60px; overflow:hidden; position:absolute; top:50%; z-index:100; margin-top:-30px; text-align:center; color:#fff; font-size:30px;background:#2772d2;
	-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;
}
.carousel-direction a:hover { background:#00377e; color:#fff }
.carousel-direction a.disabled, .carousel-direction a.disabled:hover { background:#06489d; color:#ccc; cursor:default; }
.carousel-prev { left:0; }
.carousel-next { right:0; }
.carousel-btn { text-align:center; margin:10px 0; }
.carousel-btn a { display:inline-block; width:12px; height:12px; margin:0 6px; background:#ccc; border-radius:50%; }
.carousel-btn .selected { background:#65a61b; cursor:default;}
.carousel-btn a span { display:none;}
.carousel-btn-fixed { width:100%; position:absolute; bottom:15px; left:0; margin:0; z-index:100; }
.carousel { position:relative; margin:3px auto 0 }
.carousel-item { position:relative; float:left; display:block; }
.carousel-item  span{ position:absolute; top:280px; left:10%;width:800px; font-size:38px; color:/*#00377e*/#fff; text-align:center; letter-spacing:3px; font-weight:normal}
.scrollable{ position:relative; overflow:hidden;height:280px}
.scrollable ul { padding:10px 0 0; _margin-left:-5px !important; list-style:none; overflow:hidden; width:10000em }
.scrollable ul li {	padding:0px; margin:0 10px; display:block; float:left; width:230px; text-align:center;height:280px }
.scrollable ul li p a { display:block; }
.scrollable ul li h2{ font-weight:normal; font-size:14px}
.scrollable ul li img { display:block; width:100%; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.scrollable ul li p { 
	margin-bottom:10px;	overflow:hidden;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; 
	background:#fff; border-radius:8px;
	box-shadow:1px 1px 5px rgba(51,51,51,0.5)
 }
.scrollable ul li p a:hover img { 
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
} 

.inUl,.inUl li,.inUl li a,.inUl li span,.inUl li p,.inUl li h3,.inUl li img{ display:block}
.inUl{ margin-top:25px; box-shadow:1px 1px 6px rgba(153,153,153,0.6); overflow:hidden}
.inUl>li{ width:550px; float:left; position:relative; padding:10px 0;height:350px;
background-color:#D0D0D0;
background-image:-moz-linear-gradient(left top , #fff 0%, #D0D0D0 100%);
background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0, #fff), color-stop(1, #d0d0d0));
background:-webkit-linear-gradient(left top, #fff 0%, #d0d0d0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#d0d0d0', GradientType=1);
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#d0d0d0',GradientType=1);background: -ms-linear-gradient(left top, #fff 0%, #d0d0d0 100%);
background: -o-linear-gradient(left top, #fff 0%, #d0d0d0 100%);}
.inUl li h3,.title h3{padding:5px 15px ;font-size:25px;font-weight:normal; color:#00377e; background:url(../images/more.gif) no-repeat 135px 30px; width:150px}
.inUlA p{padding:5px 15px; color:#333; height:95px; overflow:hidden; font-size:12px; text-indent:2em; line-height:20px }
.Spant img{ width:520px;margin-left:15px}
.honorUL{ margin:10px 15px 0}
.honorUL li{ float:left}
.honorUL li img{ width:120px}
#Marquee_x { width:500px;overflow:hidden;height:280px;margin:10px auto} 
#Marquee_x ul li { height:auto}
#Marquee_x ul li div p{  text-align:center; padding:5px 10px; line-height:20px; } 
#Marquee_x ul li div{ width:120px; float:left; cursor:pointer; width:120px;}
#Marquee_x ul li div img{ display:block; width:120px; height:170px;}


/* footer */
.footer{ display:block; height:120px; background:#00377e; overflow:hidden; padding:10px 0; margin-top:30px}
.foot{color:#fff; font-size:12px}
.footleft{ width:650px}
.ftitle{ height:30px; line-height:30px; margin-bottom:15px; font-size:14px}
.fspan{ display:block; float:left; margin-right:20px; padding-left:25px; margin-bottom:10px}
.eamil{ background:url(../images/email.png) no-repeat left center}
.tel{background:url(../images/tel.png) no-repeat left center}
.fax{background:url(../images/fax.png) no-repeat left center}
.add{background:url(../images/add.png) no-repeat left center}
.footright{ width:400px; margin-top:40px; line-height:32px}
.footright a{ color:#fff}

/* ·µ»Ø¶¥²¿ */
.gotop-wrapper { position:fixed; bottom:80px; right:30px; z-index:1001; background-color:rgba(0, 0, 0, 0.4); background-color:#969696\9; }
.gotop-wrapper:hover { background-color:rgba(0, 0, 0, 0.8); background-color:#6d6d6d\9; } 
.gotop-wrapper a { 
	display:none; _display:none !important;
	width:50px; height:50px; overflow:hidden; background:url(../images/icon-gotop-fixed.gif) no-repeat center;
}


/* about */
.place{ height:35px; line-height:35px}
.left{ width:230px; margin:30px 0}
.intitle{margin-bottom:20px;height:50px; background:url(../images/line.png) repeat-x left bottom; padding-bottom:20px}
.intitle h3{ font-size:28px; line-height:30px; color:#00377e; letter-spacing:2px; font-family:\5FAE\8F6F\96C5\9ED1}
.intitle p{ color:#00377e; text-transform:uppercase; margin-top:8px}
.hottel{}
.tel-txt{ margin:0 27px}
.tel-txt h5{ color:#383838; font-size:14px}
.tel-txt h3{ font-size:24px; color:#00377e; line-height:25px}
.tel-txt h5,.tel-txt h3,.spant,.spanb{ display:block; height:25px}
.spant{ background:url(../images/center-topline.png) no-repeat top center}
.spanb{ background:url(../images/center-butline.png) no-repeat bottom center}
.tel-img{ margin-top:10px}
.tel-img img{ margin:0 5px 0 22px; opacity:0.6}
.tel-img a:hover img{ opacity:1}
.neileft{ margin:30px 0;}
.neititle{ height:30px; line-height:30px; font-size:18px}
.neititle a ,.neititle h4,.neiUl ul,.neiUl ul li,.neiUl ul li a,.neiUl ul li p{ display:block}
.neibutxh{}
.neititle a{ float:right; margin-top:5px}
.neiUl{ padding-top:20px;width:230px; height:auto; overflow:hidden}
.neiUl ul li{ display:block; float:left; text-align:center}
.neiUl ul li a{ border:5px solid #ccc}
.neiUl ul li img{ width:220px; height:auto}
.neiUl ul li p a{ border:none !important; height:30px; overflow:30px; overflow:hidden; text-align:center; line-height:30px}
.right{ width:800px;margin:30px auto}
.about{ line-height:25px; overflow:hidden}
.Rh3{ height:40px;margin-bottom:20px; border-bottom:1px dashed #ccc }
.Rh3 h3{ font-size:20px; display:block; color:#666}
.about p{ display:block; margin-bottom:10px}

/*honor*/
.hUL,.hUL li,.hUL li p, .hUL li img{ display:block; text-align:center}
.hUL{ margin-bottom:20px}
.hUL li { float:left; width:140px; margin:0 10px 20px}
.hUL li img{ width:140px; height:200px}
.hUL li p{ height:30px; padding:10px; line-height:20px; overflow:hidden}

/* products */
.Pmenu{ margin:20px auto}
.Pmenu a{ display:block; height:45px; line-height:45px; background:#888 url(../images/PmenuStyle.png) no-repeat 10px 15px; padding-left:35px; margin-bottom:2px; color:#fff;font-size:16px}
.Pmenu a:hover,.PmenuStay{background:#00377e url(../images/PmenuStyle.png) no-repeat 10px 15px !important;}
.productUl,.productUl li,.productUl li a,.productUl li p,.productUl img,.productUl span,.productUl span h3{ display:block}
.productUl{}
.productUl li{margin:0 0 50px; width:100%; overflow:hidden}
.imgsty{width:420px; height:auto; float:left; border:1px solid #ccc}
.productUl img{width:420px}
.txtsty { float:right; width:360px;height:auto; line-height:18px}
.txtsty h3{ color:#fff; background:#00377e; height:35px; line-height:35px; padding-left:20px}
.txtsty p{padding: 8px 0 0 20px; margin:0}
.Page{ width:auto; height:30px; margin:30px auto}
.Page span,.Page p,.Page a{ display:block; width:auto; height:25px; float:left; text-align:center; line-height:25px; margin:0px 5px; padding:0px 10px;}
.Page span,.Page a{ background:#ececec; border:1px solid #e0dfdf;}
.Page a:hover{ background:#00377e; color:#fff;}

/* products-1 */
.products-Item h3{ font-size:20px; line-height:40px; margin-bottom:8px; border-bottom:1px dashed #ccc;margin-top:30px;}
.products-Item table{ text-align:center; line-height:30px; margin-top:10px; font-size:12px}
.products-Item table tr td{ border:1px solid #ccc;}
.products-Item table tr td strong{ font-size:14px}

/* news */
.newsUl,.newsUl li,.newsUl li a,.newsUl li p{ display:block}
.newsUl li { height:35px; line-height:35px; width:100%; background:url(../images/list_icon.png) no-repeat left center; paddin} 
.newsUl li,.newsUl li a{ float:left}
.newsUl li p{ float:right}
.newsUl li a{ width:650px; padding-left:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

/*projects*/
.construction-tab{width:100%; overflow:hidden}
.titleUl{height:40px;width:auto}
.m_menu{ position: relative; top:0;}
.construction-tab .m_menu li{ display:block; text-align: center; float: left; display: inline;width:auto; border:1px solid #ccc}
.construction-tab .m_menu li a{ display:block; font-size:14px;line-height: 40px;padding:0px 35px}
.M-nav li a{padding:0px 10px !important}
.construction-tab .m_menu li.on a{color:#fff; background:#008d71; font-weight:bold}
.construction-cont{ height:auto;}
.constuu-s{display: none;padding:20px 10px; height:auto}
.construction-cont .show,.constuu-s h3,.constuu-s p{ display: block;}
.constuu-s h3{ line-height:30px;font-size:18px; margin-bottom:10px;}
.constuu-s p{ line-height:25px; font-size:14px; margin-bottom:20px}
.project-ul,.project-ul li,.project-ul p,.project-ul img{ display:block; text-align:center}
.project-ul li{ float:left; margin-right:8px; margin-bottom:20px}
.project-ul li:nth-child(4n+4){ float:right !important; margin-right:0px;}
.project-ul li img{ border:1px solid #ccc; padding:2px; width:180px;}
.project-ul li img:hover{border:1px solid #008D71;}
.project-ul li span{ height:30px; overflow:hidden; padding:5px 10px; line-height:20px}

/* contact */
.contact{ padding-bottom:40px;overflow:hidden}
.contact p{line-height:25px;display:block}
.contact p img{ margin:0px 5px;}
.contUl li{ float:left; width:400px}
.contUl li h4{ font-size:16px}

/*technology*/
.techUL{}
.techUL li{ background:url(../images/pdf.png) no-repeat left center; padding-left:60px; height:50px; line-height:80px; border-bottom:1px dotted #ccc; padding-bottom:30px}
.techUL li p{ display:block; float:right; margin-top:30px}
.techUL li p a{ display:block; float:left; width:60px; text-align:center;  background:#00377e; height:25px; line-height:25px; margin-left:30px;color:#fff; border-radius:18px; font-size:12px}
.techUL li p a:hover{background:#2772d2}

.techdis img{ width:800px}

.Rh4{text-align:center}